<template>
	<view class="">
		<view class="card" v-if="addlist.length">
			<view class="integral_list">
				<view class="list" v-for="(item,index) in addlist" :key="index">
					<view class="list_l">
						<view class="tilte">
							{{item.type}}
						</view>
						<view class="date">
							{{item.create_time}}
						</view>
					</view>

					<view class='list_r'>
						<text v-if="item.state == 1">+</text><text v-else-if="item.state == 2">-</text>{{item.price}}
					</view>

				</view>
			</view>
		</view>
		<sc-no v-if="!addlist.length" :noStatus="false" @navtive="navtive" url="add_images/no_recharge.png" nofont="暂无充值记录" width="30%"></sc-no>
	</view>
</template>

<script>
	import scNo from '@/components/sc-no/sc-no.vue';
	export default {
		props: ['addlist'],
		components: {
			scNo
		},
		data() {
			return {
				Url: this.Imgurl,
				list: [{
						name: '充值',
						date: '2015-16-18 13:14:26',
						num: '+26元',
					},
				]
			}
		}
	}
</script>

<style scoped lang="less">
	.card {
		box-sizing: border-box;
		width: 100%;
		margin: auto;
		margin-top: 20upx;
		padding-bottom: 40upx;
		background-color: #FFFFFF;

		.nohistory {
			overflow: hidden;
			text-align: center;

			image {
				width: 291upx;
				height: 201upx;
				display: block;
				margin: auto;
				margin-top: 200upx;
				margin-bottom: 30upx;

			}

			text {
				font-size: 28upx;
				color: #999999;
			}
		}

		.integral_list {
			width: 100%;
			height: 100%;
			padding: 0 25upx;
			box-sizing: border-box;

			.list {
				width: 100%;
				height: 136upx;
				border-bottom: 2upx solid #f9f9f9;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.list_l {
					.tilte {
						font-size: 28upx;
						color: #333333;
						line-height: 28upx;
					}

					.date {
						font-size: 24upx;
						color: #999999;
						line-height: 24upx;
						margin-top: 25upx;
					}
				}

				.list_r {
					font-size: 32upx;
					color: #6BCC03;
					font-weight: bold;
				}
			}

			.list:last-child {
				border-bottom: none;
			}
		}
	}
</style>
